import { Component, Input, Output, OnInit, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-angular-day6-child',
  templateUrl: './angular-day6-child.component.html',
  styleUrl: './angular-day6-child.component.css'
})
export class AngularDay6ChildComponent implements OnInit {

  // input括号中的变量是传递进来的，后面newMessage是当前组件最终使用的变量名
  // 如果input括号中不修改变量名，则默认为传递进来的和当前组件中使用的变量名都为newMessage
  // @Input() newMessage: string = "123456";

  @Input("childMessage") newMessage: string = "123456";

  // 将子组件的数据传递给父组件，则子组件中的某个变量是需要输出的，用@Output表示
  // new EventEmitter() 这个创建一个发送事件
  @Output() sendData = new EventEmitter()

  constructor(){}

  // 这个方法的目的是将监听事件的数据发送出去， 监听的事件名位：sendData（后续父组件需要找个地方监听这个事件）
  onClick(){
    this.sendData.emit("我是子组件中的数据");
  }

  ngOnInit(): void {
    
  }

}
